/**
 * Created by ASUS on 2017/11/30.
 */

    //初始化分页计数数组   !重要
    var paginationArr = [1];



    mui.ready(function() {
        //生成多个该页面对应列表容器的vue对象 , 根据分页数组循环该数组来控制vue列表容器对象 应该生成多少个,并且用数组存储
        var vueObjArr = [];
        for(var i =0;i<paginationArr.length;i++){
            // 初始化vue对象
            vueObjArr.push(new Vue({
                el: '#vueListBox'+i,
                data:{
                    boxName:'#vueListBox'+i,
                    datas:[]
                }
            }));
        }
        //默认开始请求第一页的数据
        requestData({
            tabNum:0,
            success:function(msg) {
                    msg.data.map(function(ele,index){
                        vueObjArr[0].datas.push(ele);
                    });
                    //数据加完之后删除loading动画
                    $(vueObjArr[0].boxName).find(".mui-loading").remove();
            }
        });
        //循环初始化所有下拉刷新，上拉加载。
        // mui.each(document.querySelectorAll('.mui-scroll'), function(index, pullRefreshEl) {
        //     mui(pullRefreshEl).pullToRefresh({
        //         down: {
        //
        //             callback: function() {
        //                 var self = this;
        //                 var ul = self.element.querySelector('.mui-table-view');
        //                 self.endPullDownToRefresh();
        //                 console.log("下拉刷新")
        //             }
        //         },
        //         up: {
        //             style:'circle',
        //             contentnomore:'没有更多数据了',
        //             callback: function() {
        //                 var self = this;
        //                 if(self.element.querySelector('.mui-table-view')==null){return;}
        //                 var ul = self.element.querySelector('.mui-table-view');
        //                 var indexNum = $(ul).parents(".mui-slider-item").index();
        //
        //                 if(indexNum==-1){
        //                     indexNum = 0;
        //                 }
        //                 requestData({
        //                     tabNum:indexNum,
        //                     success:function(msg) {
        //
        //                             msg.data.map(function(ele,index){
        //                                 vueObjArr[indexNum].datas.push(ele);
        //                             });
        //                             //数据加完之后删除loading动画
        //                             $(vueObjArr[indexNum].boxName).find(".mui-loading").remove();
        //                             self.endPullUpToRefresh(!msg.more);
        //
        //                     }
        //                 });
        //             }
        //         }
        //     });
        // });
        // if(paginationArr.length>1){
        //     document.getElementById('slider').addEventListener('slide', function(e) {
        //         var indexNum = e.detail.slideNumber;
        //         if($(vueObjArr[indexNum].boxName).find(".mui-loading").length){
        //             requestData({
        //                 tabNum:indexNum,
        //                 success:function(msg) {
        //
        //                         msg.data.map(function(ele,index){
        //                             vueObjArr[indexNum].datas.push(ele);
        //                         });
        //                         //数据加完之后删除loading动画
        //                         $(vueObjArr[indexNum].boxName).find(".mui-loading").remove();
        //                 }
        //             });
        //         }
        //     });
        // }
        // mui.init({
        //     pullRefresh : {
        //         container:refreshContainer,//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
        //         up : {
        //             height:50,//可选.默认50.触发上拉加载拖动距离
        //             auto:true,//可选,默认false.自动上拉加载一次
        //             contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
        //             contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
        //             callback :pullfresh-function //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
        //         }
        //     }
        // });
    });

    function requestData(obj){
        var defaultObj = {
            tabNum:0,
            success:null
        };
        for(var i in defaultObj){
            defaultObj[i] = obj[i];
        }
        //这里获取数据需要两个必要的参数,一个是当前的tab的下标,一个是第几页
        var dataType = defaultObj.tabNum+1;
        var currentPage = paginationArr[defaultObj.tabNum];


        $.get(dataListUrl+"?dataType="+dataType,{currentPage:currentPage},function(msg){
            msg = JSON.parse(msg);
            //数据拿到之后需要根据tab下标来改变数组对应存储页码的值
            paginationArr[defaultObj.tabNum] = paginationArr[defaultObj.tabNum]+1;
            //数据拿到之后将数据给success方法执行
            defaultObj.success(msg);

        })
    }

